<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/shop.css">
</head>


<body style="background-image: url('static/image/g2.png')">

<table width="100%" border="0">
    <tr>
        <td colspan="2"  style="background-color: #f8ebeb">
            <h1 style="text-align: center">在线点餐系统</h1>
            <br>

            <div style="width: 500px;height: 20px; padding:20px ">
                <div  th:if="${session.SHOP}" th:object="${session.SHOP}" style=" display: flex; justify-content:center">
                    <div class="shop-a">
                        商店名：<div th:text="*{shopName}"></div>
                    </div>
                    <div class="shop-b">
                        用户名： <span id="userName"  th:text="*{userName}"></span>
                        <div  th:if="${session.USER}" th:object="${session.USER}">
                            账户： <span th:text="*{account}"></span>元
                        </div>
                    </div>

                    <div th:if="${session.SHOP}" class="shop-c">
                        <button class="button" type="button" id="reload">刷新</button>
                        <button class="button" type="button" id="logoutBtn">退出登录</button>
                    </div>
                </div>
            </div>
        </td>
    </tr>

    <tr>
        <td style="width:100px;vertical-align:top;">
            <button id="bills" class="button" style="vertical-align:middle">我的订单</button><br>
            <button id="menus" class="button" style="vertical-align:middle">我的菜单</button><br>
            <button id="addMenu" class="button" style="vertical-align:middle">添加菜品</button>
        </td>

        <td style="height:200px;width:400px;vertical-align:top;">
                <div id="content" class="menuShop">
                    <div id="searchInput">
                    </div>
                    <table  id="show" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;">
                    </table>
                </div>

        </td>
    </tr>



</table>






<script src="/static/js/shop.js" type="text/javascript"></script>

</body>
</html>